<template>
  <div class="app-container">
<!--    <el-upload-->
<!--      action="http://localhost:8080/file/upload"-->
<!--      list-type="picture-card"-->
<!--      :on-preview="handlePictureCardPreview"-->
<!--      :with-credentials="isCredentials"-->
<!--      :on-remove="handleRemove">-->
<!--      <i class="el-icon-plus"></i>-->
<!--    </el-upload>-->
<!--    <el-dialog :visible.sync="dialogVisible">-->
<!--      <img width="100%" :src="dialogImageUrl" alt="">-->
<!--    </el-dialog>-->
    <a href="http://localhost/file/2020-08-01/CFD039CB749D2F8CADBCB68CA23EA2F9.jpg" style="text-align: center"></a>
     <img :src="imgUrl" width="100%" style="color: red;size: 24px">
  </div>

</template>

<script>
  export default {
    name: 'home',
    data() {
      return {
        imgUrl: 'https://scrm.glwqly.com/image_logo/sales_bg2.jpg',
        dialogImageUrl: '',
        dialogVisible: false,
        isCredentials:true
      }
    },
    created(){
    },
    methods:{
      handleRemove(file, fileList) {
        console.log(file, fileList);
      },
      handlePictureCardPreview(file) {
        this.dialogImageUrl = file.url;
        this.dialogVisible = true;
      }
    }
  }
</script>

<style scoped>
  .app-container{
    padding: 0;
    margin: 0;
  }
</style>
